<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学科信息</title>
    <style>
       #container {
           width: 80%;
           margin: 10px auto;
       }
       .user {
           float: right;
           margin-right: 10px;
       }
       .user>a {
           margin-right: 10px;
           color:#8bc34a;
       }
       #main>dl>dt {
           font-size: 1.5em;
           font-weight: bold;
       }
       #main>dl>dd {
           font-size: 1.2em;
       }
       a {
           text-decoration: none;
           color: darkcyan;
           margin-left:10px;
       }

    </style>
</head>
<body>
<div id="container">
    <!--       <div class="user">-->
    <!--           <a href="login/">用户登录</a>-->
    <!--           <a href="register/">快速注册</a>-->
    <!--       </div>-->
    {% include 'header.html' %}
    <h1>扣丁学堂所有学科</h1>
    <span><a href="excel/">下载老师信息</a></span><span><a href="chart/">查看老师统计</a></span>
    <hr>
    <div id="main">
        {% for subject in subjects %}
        <dl>
            <dt>
                <a href="/teachers/{{ subject.no }}/">{{ subject.name }}</a>
                {% if subject.is_hot %}
                <img src="/static/images/hot-icon-small.png">
                {% endif %}
            </dt>
            <dd>{{ subject.intro }}</dd>
        </dl>
        {% endfor %}
    </div>
</div>
</body>
</html>